<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="Utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/jejugothic.css">
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&amp;subset=latin,latin-ext">
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/Font-Awesome/css/font-awesome.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-select/dist/css/bootstrap-select.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-fileinput/css/fileinput.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/css/realsite.css'/>">
<!-- 
    <c:url value='/resources/js/jquery-1.11.1.min.js'/> -->

<title>Agent Detail | Realsite</title>


</head>

<body>

	<div class="page-wrapper">
		<%@ include file="../include/header.jsp"%>
		<!-- =================================================================== -->


		<div class="main">

			<div class="container">
				<div class="row">
					<div class="content col-sm-8 col-md-9">
						<h1 class="page-header">My Room</h1>
						<c:forEach var="roomList" items="${roomList}">
							<div class="row">
								<div class="col-sm-6 col-md-4">
									<div class="property-box">
										<div class="property-box-image">
											<a href="<c:url value='/myroom/${roomList.member.memId}/view'/>"> <img src="여기에 이미지 주소"
												alt=""> <span class="property-box-excerpt">
													${roomList.mainComment} </span>
											</a>
										</div>
										<!-- /.property-image -->
										<div class="property-box-bottom">
											<div class="property-box-price">♥ ${roomList.likeCount}</div>
											<!-- /.property-box-price -->
											<a href="<c:url value='/myroom/${roomList.member.memId}/view'/>" class="property-box-view">
												${roomList.member.memName} </a>
											<!-- /.property-box-view -->
										</div>
										<!-- /.property-box-bottom -->
									</div>
									<!-- /.property-box -->
								</div>
						</c:forEach>
					</div>
					<!-- /.content -->
				</div>
				<!-- /.row -->
				<!-- 페이지 이동  -->
				<div class="center">
					<ul class="pagination">
						<li><a href="properties-grid.html#"><span
								aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li>
						<li class="active"><a href="properties-grid.html#">1</a></li>
						<li><a href="properties-grid.html#">2</a></li>
						<li><a href="properties-grid.html#">3</a></li>
						<li><a href="properties-grid.html#">4</a></li>
						<li><a href="properties-grid.html#">5</a></li>
						<li><a href="properties-grid.html#"><span
								aria-hidden="true">»</span><span class="sr-only">Next</span></a></li>
					</ul>
				</div>
				<!-- /.center -->
			</div>
			<!-- /.container -->

		</div>
		<!-- /.main -->








		<!-- =================================================================== -->

		<%@ include file="../include/footer.jsp"%>


	</div>
	<!-- /.page-wrapper-->


	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/jquery.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-transit/jquery.transit.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/dropdown.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/collapse.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-select/dist/js/bootstrap-select.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-fileinput/js/fileinput.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/autosize/jquery.autosize.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/isotope/dist/isotope.pkgd.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery.scrollTo/jquery.scrollTo.min.js'/>"></script>

	<script
		src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;sensor=false"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/infobox.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/markerclusterer.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/jquery-google-map.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/realsite.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/charts.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/map.js'/>"></script>


	<script>
		(function(i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r;
			i[r] = i[r] || function() {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date();
			a = s.createElement(o), m = s.getElementsByTagName(o)[0];
			a.async = 1;
			a.src = g;
			m.parentNode.insertBefore(a, m)
		})(window, document, 'script',
				'//www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-39841036-7', 'auto');
		ga('send', 'pageview');
	</script>

</body>
</html>